<template>
  <div class="title">
    <!-- <h2>爆爆团</h2> -->
    <h1>限时爆款 超级低价</h1>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.title {
  background-color: red;
  //   border-bottom-left-radius: 30%;
  //   border-bottom-right-radius: 30%;
  border-radius: 0 0 0.4rem 0.4rem;
  background: linear-gradient(to bottom, red 5%, #fee5b8 100%);
  height: 5.8667rem;
  overflow: hidden;
  position: relative;
  top: 0;
  // h2 {
  //   text-align: center;
  //   color: white;
  //   font-style: oblique;
  //   font-size: 0.6933rem;
  //   margin-top: 0.2667rem;
  //   font-family: "宋体";
  //   font-weight: 900;
  // }
  h1 {
    text-align: center;
    color: #fee5b8;
    line-height: 3.2rem;
    font-size: 0.96rem;
    font-family: "仿宋";
    padding-top: 30px;
  }
}
</style>